<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:v-model="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <!--/*@thymesVar id="title" type="templates"*/-->
    <title th:text="${title}">默认的标题</title>
    <link rel="stylesheet" th:href="@{/static/layui/js/css/layui.css}">
    <script th:src="@{/static/layui/js/layui.js}" charset="UTF-8" type="text/javascript"></script>
    <script th:src="@{/static/vue/vue.js}" charset="UTF-8" type="text/javascript"></script>
    <script th:src="@{/static/vue/axios.min.js}" charset="UTF-8" type="text/javascript"></script>
    <script th:src="@{/static/jquery/jquery.js}" charset="UTF-8" type="text/javascript"></script>
    <style>
        .layui-bold{
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">

    <ul class="layui-nav layui-header" lay-bar="disabled" >
        <li class="layui-nav-item layui-nav-itemed ">
            <span>
                <span class="layui-font-20" >
                    访客信息管理平台
                </span>
                <span class="layui-hide-xs"></span>

            </span>

        </li>
        <li class="layui-nav-item layui-layout-right " style="margin-right: 80px; ">
            <span class="layui-circle layui-badge-rim " >
                <i class="layui-icon layui-icon-username " style="margin-right: 13px"></i>
                 <span class="layui-badge-dot layui-bg-green" style="margin-left: -12px"></span>
            </span>

            <span th:inline="text">管理员ID：[[${stp.getLoginId()}]]</span>



            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd>
                    <a th:href="@{/admin/logout}">
                        <i class=" layui-icon layui-icon-logout"></i>
                        退出登录
                    </a>
                </dd>
            </dl>
        </li>

    </ul>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="layui-icon layui-icon-auz" th:href="@{/admin/index/authorize}">授权管理</a>

                </li>
                <li class="layui-nav-item ">
                    <a class="layui-icon layui-icon-console" th:href="@{/admin/index/supervision}">访问监管</a>

                </li>
                <li class="layui-nav-item">
                    <a class="layui-icon layui-icon-set-fill" th:href="@{/admin/index/mng}">管理员信息管理</a>
                </li>

            </ul>
        </div>
    </div>


    <!--右侧业务界面-->
    <div class="layui-body" >
        <div  class="layui-nav layui-bg-green">
            <ul  >
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="layui-icon layui-icon-key" @click="flushTable" th:href="@{/admin/index/authorize}">授权用户</a>

                </li>
            </ul>
        </div>

        <div class="layui-form"  id="selectSubmit">

            <div class="layui-form-item">
                <div class="layui-btn-group layui-inline" style="margin-top: 10px; margin-left: 10px" >

                    <button
                            class="layui-font-14 layui-bold layui-btn  "
                            @click="flushMe"
                    >
                        <i class="layui-icon">&#xe669;</i>
                    </button>



                    <button
                            class="layui-font-14 layui-bold layui-btn "
                            id="addButton"
                            @click="addButton"
                    >
                        <i class="layui-icon">&#xe654;</i>
                    </button>


                    <button
                            class="layui-font-14 layui-bold layui-btn  "
                            @click="selectSubmit"
                    >
                        <i class="layui-icon">&#xe615;</i>
                    </button>





                </div>

                <div class="layui-inline" style="margin-top: 10px;">
                    <input type="radio"
                           value="byName"
                           name="userChoice"
                           title="用户名"

                    >

                    <input type="radio"
                           name="userChoice"
                           value="byId"
                           title="id"
                            checked
                    >
                </div>
                <div class="layui-inline" style="margin-top: 10px;">
                    <input type="text"
                           v-model:value="message"
                           required
                           lay-verify="required"
                           placeholder="请输入有关信息"
                           autocomplete="off"
                           class="layui-input"
                           style="width: 200px"

                    />
                </div>
            </div>




        </div>


        <!--数据表-->
        <div >
            <table class="layui-table"  id="dataTable" style="margin-top: -10px;" lay-size="lg" lay-filter="dataTable"></table>
        </div>



    </div>
</div>

<!--嵌入弹出层的容器-->

<!--编辑弹出层-->
<div id="openEditProductBox" style="display: none; padding: 10px;">
    <form class="layui-form layui-form-pane" action="" lay-filter="example" pane style="margin-left: 30px;margin-top: 10px" >
        <div id="modify_View">
            <div class="layui-form-item"  style="width:86%" >
                <label class="layui-form-label">用户id：</label>
                <div class="layui-form-label" >
                    <a  >{{modify_idView}}</a>
                </div>
            </div>
            <div class="layui-form-item"  style="width:86%" >
                <label class="layui-form-label" id="userNameInputTick">用户名：</label>
                <div class="layui-input-block">
                    <input type="text" v-model:value="modify_username" lay-verify="title" autocomplete="off" placeholder="左侧标签悬停获取输入格式" class="layui-input" >
                </div>
            </div>
            <div class="layui-form-item"  style="width:86%" >
                <label class="layui-form-label" id="userPasswordInputTick">密码：</label>
                <div class="layui-input-block">
                    <input type="password"  v-model:value="modify_password" placeholder="左侧标签悬停获取输入格式" autocomplete="off" class="layui-input" >
                </div>
            </div>
            <div class="layui-form-item"  style="width:86%" >
                <label class="layui-form-label">确认密码：</label>
                <div class="layui-input-block">
                    <input type="password" v-model:value="modify_password_identify" placeholder="请再输入一次密码" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class=" layui-form-item layui-input-block " >
                <div class="layui-btn-container " >
                    <button class="layui-btn layui-btn-primary" type="button" id="editCancel">
                        取消
                    </button>
                    <button class="layui-btn lay-submit"  type="button"  @click="editCheckAndSubmit">
                        提交
                    </button>
                </div>

            </div>
        </div>


    </form>
</div>

<!--表单提交-->

<!--表格数据源--> <!--restful风格 ： /index/visitors 方法：get-->
<form th:action="@{/admin/index/authorize/visitors}" id="dataSource"></form>

<!--修改-->       <!--restful风格 ： /index/visitors 方法：post-->
<form th:action="@{/admin/index/authorize/visitors}" id="editVisitor" >
</form>
<!--查找-->       <!--restful风格 ： /index/visitors/byId(byName)/id号(用户名) 方法：get-->
<form th:action="@{/admin/index/authorize/visitors/}" id="selectVisitor"  method="get" >
</form>
<!--删除-->       <!--restful风格 ： /index/visitors/id号 方法：delete-->
<form th:action="@{/admin/index/authorize/visitors/}" id="deleteVisitor" method="post">
    <input type="hidden" name="_method" value="delete" />
</form>
<!--添加-->       <!--restful风格 ： /index/visitors 方法：put-->
<form th:action="@{/admin/index/authorize/visitors}" id="addVisitor" ></form>



<!--添加表格操作栏的按钮-->
<script type="text/html" id="operations">
    <a class="layui-btn layui-btn-warm" lay-event="edit" >编辑</a>
    <a class="layui-btn layui-btn-danger " lay-event="del" >删除</a>
</script>


<!--添加成员-->
<div  style="display:none;height: 169px;margin-top: 30px" id="addForm">
    <div class="layui-fluid">
        <form  class="layui-form layui-form-pane"  style="margin-top: 30px;margin-left: 40px" lay-filter="addForm" >
            <div id="addVistorName" class="layui-form-item" data-index="4" data-tag="input" style="width:86%" >
                <label class="layui-form-label" id="add_username_label">
                    <font color="red">*</font>用户名:</label>
                <div class="layui-input-block">
                    <input type="text" v-model:value="add_username" class="layui-input" value="" placeholder="左侧标签悬停获取输入格式">
                </div>
            </div>
            <div id="addVistorpassword" class="layui-form-item active" data-index="5" data-tag="input" style="width:86%" >
                <label class="layui-form-label" id="add_password_label">
                    <font color="red">*</font>密码:
                </label>
                <div class="layui-input-block">
                    <input type="password" v-model:value="add_password" class="layui-input" value="" placeholder="左侧标签悬停获取输入格式">
                </div>
            </div>
            <div class="layui-form-item active"  style="width:86%" data-tag="input" data-index="6">
                <label class="layui-form-label" >
                    <font color="red">*</font>确认密码:
                </label>
                <div class="layui-input-block">
                    <input type="password" v-model:value="add_password_identify" placeholder="请再输入一次密码"  class="layui-input">
                </div>
            </div>
            <div class=" layui-form-item layui-input-block " >
                <div class="layui-btn-container " >
                    <button class="layui-btn layui-btn-primary" type="button" id="addCancel">
                        取消
                    </button>
                    <button class="layui-btn lay-submit"  type="button" @click="addSubmit">
                        提交
                    </button>
                </div>

            </div>
        </form>
    </div>
</div>










<!--引入外部脚本文件-->
<script type="text/javascript" th:src="@{/static/pageStrape.js}" th:inline="javascript"></script>

</body>


</html>